/*!
 * Basis javasript library 
 * http://code.google.com/p/basis-js/
 *
 * @copyright
 * Copyright (c) 2006-2010 Roman Dvornov.
 *
 * @license
 * GNU General Public License v2.0 <http://www.gnu.org/licenses/gpl-2.0.html>
 */

  .Basis-Calendar
  {
    width: 28ex; /* content width must be divisible by 28 (7 segments for month days and 4 segments for monthes, years etc) */
    padding: 0 5px; /* horizontal padding = border-width + content padding */
    font-size: 82%;

      -moz-user-select: none;
      -webkit-user-select: none;
    user-select: none;
  }

  /*
   * HEADER
   */

  .Basis-Calendar-Header
  {
  }

  .Basis-Calendar-SectionTabs
  {
    text-align: center;
    padding-top: 4px;
  }
  .Basis-Calendar-SectionTab
  {
    display: inline-block;
    padding: 2px 4px 3px;
    cursor: pointer;
    background: #F4F4F4;
  }
  .Basis-Calendar-SectionTab:first-child
  {
      -moz-border-radius-topleft: 3px;
      -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
  }
  .Basis-Calendar-SectionTab:last-child
  {
      -moz-border-radius-topright: 3px;
      -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
  }
  .Basis-Calendar-SectionTab:hover
  {
    background: #F8F8F8;
  }
  .Basis-Calendar-SectionTab.selected
  {
    background: #D9E8FB;
    cursor: default;
  }

  /*
   * BODY
   */

  .Basis-Calendar-Body
  {
    clear: both;
    border-left: 3px solid #D9E8FB;
    border-right: 3px solid #D9E8FB;
    position: relative;
    line-height: 1 !important;
    height: 12.5em;
    padding-bottom: 4px;
    margin: 0 -5px;
  }
  .Basis-Calendar-Section
  {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
    background-color: white;
    display: none;
  }
  .Basis-Calendar-Section.selected
  {
    display: block;
  }
  .Basis-Calendar-SectionTitle
  {
    padding: .5em 0;
    text-align: center;
    display: block;
    color: black;
    text-decoration: none;
    background: #D9E8FB;
  }
  .Basis-Calendar-SectionContent
  {
    height: 10.5em;
    border: 2px solid white;
    position: relative;
    overflow: hidden;
    background: white;
  }

  .Basis-Calendar-ButtonPrevPeriod,
  .Basis-Calendar-ButtonNextPeriod
  {
    width: 2em;
    padding: .5em 0;
    position: absolute;
    font-weight: bold;
    color: #444;
    top: 0;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    z-index: 1;
    cursor: pointer;
  }
  .Basis-Calendar-ButtonPrevPeriod
  {
    left: -3px;
  }
  .Basis-Calendar-ButtonNextPeriod
  {
    right: -3px;
  }
  .Basis-Calendar-ButtonPrevPeriod:hover,
  .Basis-Calendar-ButtonNextPeriod:hover
  {
    color: #0066CC;
  }

  /* node */

  .Basis-Calendar-Node
  {
    color: black;
    text-decoration: none;
    text-align: center;

    display: block;
    float: left;

    cursor: pointer;
  }

  .Basis-Calendar-Node.disabled,
  .Basis-Calendar-Node.disabled:hover
  {
    background: #CCCCCC !important;
    outline: none !important;
    cursor: default !important;
    color: black !important;
  }

  .Basis-Calendar-Node.day:nth-child(7n),
  .Basis-Calendar-Node.day:nth-child(7n + 1)
  {
    background: #F8F8F8;
  }

  .Basis-Calendar-Node.day:hover,
  .Basis-Calendar-Node:hover
  {
    background: #F0F0F0;
  }
  .Basis-Calendar-Node.before,
  .Basis-Calendar-Node.before:hover,
  .Basis-Calendar-Node.after,
  .Basis-Calendar-Node.after:hover
  {
    color: #999999;
  }

  .Basis-Calendar-Node.selected
  {
    background: #D9E8FB !important;
    outline: none;
  }


  /* century, year, month, quater */

  .Basis-Calendar-Section-Century .Basis-Calendar-Node,
  .Basis-Calendar-Section-Year .Basis-Calendar-Node,
  .Basis-Calendar-Section-YearDecade .Basis-Calendar-Node
  {
    width: 25%;
    padding: 1.25em 0;
  }
  .Basis-Calendar-Section-Century .Basis-Calendar-Node
  {
    padding: .75em 0;      
  }
  .Basis-Calendar-Section-YearQuarter .Basis-Calendar-Node
  {
    width: 50%;
    padding: 2.125em 0;
  }
  .Basis-Calendar-Section-Quarter .Basis-Calendar-Node
  {
    width: 100%;
    padding: 1.25em 0;
  }

  /* days */
  .Basis-Calendar-MonthWeekDays
  {
    float: left;
    width: 100%;
    padding: .25em 0;
    border-bottom: 1px solid #F0F0F0;
    margin-bottom: 1px;
    margin-top: -2px;
  }
  .Basis-Calendar-MonthWeekDays-Day
  {
    width: 4ex;
    text-align: center;
    display: block;
    float: left;
  }
  .Basis-Calendar-Section-Month .Basis-Calendar-Node
  {
    width: 4ex;
    padding: .25em 0;
  }

  /*
   *  FOOTER
   */

  .Basis-Calendar-Footer
  {
    padding: .4em 2px;
    margin: 0 -5px;
    text-align: center;
    background: white;
    border: 3px solid #D9E8FB;
    border-top-width: 1px;
      -moz-border-radius: 0 0 3px 3px;
      -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
  }

  .Basis-Calendar-Footer-Label
  {
    padding-right: 1ex;
  }
  .Basis-Calendar-Footer-Value
  {
    cursor: pointer;
    color: black;
    text-decoration: none;
  }
  .Basis-Calendar-Footer-Value:hover
  {
    color: #0066CC;
  }
